<template>
    <div>
    <van-row>
  <van-col span="6"><van-search v-model="value" placeholder="请输入搜索关键词" /><left/></van-col>
  <van-col span="18">

      账号:<input type="text"> 姓名:<input type="text"> 手机号:<input type="text"> <van-button>查询</van-button>  <van-button>重置</van-button>
      <br>
        <van-button type="primary" text="+添加" @click="show = true" />&emsp;&emsp;

           <van-button><van-uploader :after-read="upload">导入</van-uploader></van-button>&emsp;&emsp;
      <van-button @click="add">导出</van-button>&emsp;&emsp;
      <van-button type="primary" text="冻结" @click="show = true" />&emsp;&emsp;
      <van-button type="primary" text="解冻" @click="show = true" />&emsp;&emsp;
      <van-button type="primary" text="回收站" @click="show = true" />&emsp;&emsp;
        <table>
            <tr>
                <th>账号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>手机号</th>
                <th>邮箱</th>
                <th>工号</th>
                <th>状态</th>
                <th>操作</th>
            </tr>

            <tr v-for="(data,index) in datas" :key="index">
                <td>{{data.user}}</td>
                <td>{{data.name}}</td>
                <td>{{data.gender}}</td>
                <td>{{data.phone}}</td>
                <td>{{data.mail}}</td>
                <td>{{data.num}}</td>
                <td>{{data.state}}</td>
                <td><button>编辑</button></td>
                <td>更多</td>
            </tr>
        </table>
        </van-col>
        </van-row>
    </div>
</template>

<script>
import axios from "../../http/axios"
import left from "../com/left.vue"
export default {
    name:"yonghu",
    components:{ left },
    data(){
        return{
            datas:{}
        }
    },
    methods:{
    getdept(){
      axios("/userslist","get").then(res=>{
        this.datas= res.list
      })
    }
    },
    mounted(){
        this.getdept()
    }

}
</script>

<style>

</style>